<template>
	<f7-page navbar-fixed id="namelist" data-page='namelist' class="namelist">
		<f7-navbar v-if="$theme.ios">
			<f7-nav-left sliding>
				<div class="left">
					<a class="back" href="#">
						<i class="iconfont icon-zuo"></i>
					</a>
				</div>
			</f7-nav-left>
			<f7-nav-center sliding>通讯录</f7-nav-center>
			<f7-nav-right>
			</f7-nav-right>
		</f7-navbar>

		<div class="n-content">
			<f7-searchbar
			  	cancel-link="取消"
			  	placeholder="搜索姓名、拼音、手机号"
			  	:clear="true">
			</f7-searchbar>
			
			<div class="n-c-list">
		      	<ul>
		        	<li class="item-content">
		        		<div class="n-c-l-detial" v-on:click="show()">
			          		<i class="icon iconfont icon-dengji1"></i>
			          		<span>办公室</span>
			          		<i class="icon iconfont icon-you right"></i>
			          	</div>
			          	<ul class="n-c-sublist" v-show="isShow">
			          		<li>
			          			<div class="n-c-l-subdetial">
					          		<i class="icon iconfont icon-wodedangxuan"></i>
					          		<span>姓名(局长)<span class="n-c-s-num">137********</span></span>
					          		<i class="icon iconfont icon-you right"></i>
					          	</div>
			          		</li>
			          		<li>
			          			<div class="n-c-l-subdetial">
					          		<i class="icon iconfont icon-wodedangxuan"></i>
					          		<span>姓名(副局长)<span class="n-c-s-num">137********</span></span>
					          		<i class="icon iconfont icon-you right"></i>
					          	</div>
			          		</li>
			          		<li>
			          			<div class="n-c-l-subdetial">
					          		<i class="icon iconfont icon-wodedangxuan"></i>
					          		<span>姓名(副局长)<span class="n-c-s-num">137********</span></span>
					          		<i class="icon iconfont icon-you right"></i>
					          	</div>
			          		</li>
			          	</ul>
		        	</li>
		        	<li class="item-content">
		        		<div class="n-c-l-detial" v-on:click="see()">
			          		<i class="icon iconfont icon-dengji1"></i>
			          		<span>办公室</span>
			          		<i class="icon iconfont icon-you right"></i>
			          	</div>
			          	<ul class="n-c-sublist" v-show="isSee">
			          		<li>
			          			<div class="n-c-l-subdetial">
					          		<i class="icon iconfont icon-wodedangxuan"></i>
					          		<span>姓名(局长)<span class="n-c-s-num">137********</span></span>
					          		<i class="icon iconfont icon-you right"></i>
					          	</div>
			          		</li>
			          		<li>
			          			<div class="n-c-l-subdetial">
					          		<i class="icon iconfont icon-wodedangxuan"></i>
					          		<span>姓名(副局长)<span class="n-c-s-num">137********</span></span>
					          		<i class="icon iconfont icon-you right"></i>
					          	</div>
			          		</li>
			          		<li>
			          			<div class="n-c-l-subdetial">
					          		<i class="icon iconfont icon-wodedangxuan"></i>
					          		<span>姓名(副局长)<span class="n-c-s-num">137********</span></span>
					          		<i class="icon iconfont icon-you right"></i>
					          	</div>
			          		</li>
			          	</ul>
		        	</li>
		        </ul>
			</div>
		</div>

	</f7-page>

</template>

<script>
	export default {
		data: function() {
			return {
				isShow: false,
				isSee: false
			}
		},
		mounted: function(){
			
		},
		methods: {
			// init: function(){
			// 	// this.$ajax.aboutOur().then(res => {

			// 	// });
			// },
			show:function(){
				this.isShow=!this.isShow;
			},
			see:function(){
				this.isSee=!this.isSee;
			}
		}
	}
</script>